@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";:root{--color-bg: #F9F7F5;--color-surface: rgba(255, 255, 255, .85);--color-primary: #A39688;--color-primary-dark: #7A6F62;--color-secondary: #E8E2DA;--color-text: #3D3935;--color-text-light: #857F78;--color-border: rgba(200, 190, 180, .4);--color-accent: #C79A70;--color-accent-hover: #D4A983;--shadow-sm: 0 2px 8px rgba(90, 80, 70, .05);--shadow-md: 0 8px 24px rgba(90, 80, 70, .08);--shadow-lg: 0 16px 40px rgba(90, 80, 70, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--backdrop-blur: blur(16px)}[data-theme=dark]{--color-bg: #1A1816;--color-surface: rgba(40, 36, 32, .85);--color-primary: #C4B6A6;--color-primary-dark: #E6DCB8;--color-secondary: #38322D;--color-text: #EFECE9;--color-text-light: #A39B92;--color-border: rgba(255, 255, 255, .08);--color-accent: #E8AA6E;--color-accent-hover: #F2BD8A;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}body{margin:0;padding:0;font-family:Inter,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;transition:background-color .4s ease,color .4s ease;background-image:radial-gradient(var(--color-secondary) 1px,transparent 1px);background-size:24px 24px}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--color-text);font-weight:600;margin-top:0}a{color:var(--color-primary-dark);text-decoration:none;transition:color .25s ease,opacity .25s ease}a:hover{color:var(--color-accent);opacity:.8}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-surface);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--color-border);padding:1rem 2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50;transition:background-color .4s ease,border-color .4s ease}.header-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:.5rem}.hero-banner{width:100%;height:240px;background-image:url(/hero-box.png);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff1a,#f9f7f5cc)}[data-theme=dark] .hero-overlay{background:linear-gradient(to bottom,#0000001a,#1a1816e6)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-weight:500;font-size:.95rem;padding:.5rem .2rem;position:relative;transition:color .25s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.nav-link.active{color:var(--color-accent)}.controls-group{display:flex;align-items:center;gap:1rem}.lang-selector{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease}.lang-selector:hover,.lang-selector:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #a396881a}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .6rem;cursor:pointer;color:var(--color-text-light);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle:hover{background-color:var(--color-secondary);color:var(--color-accent);border-color:var(--color-primary)}.main-content{flex:1;padding:3rem 2rem;max-width:1200px;margin:0 auto;width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--color-surface);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:2.5rem;border:1px solid var(--color-border);margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease,background-color .4s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{background-color:var(--color-primary);color:#fff;border:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s}.btn:hover:after{opacity:1}.btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #a396884d}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn-accent{background-color:var(--color-accent)}.btn-accent:hover{background-color:var(--color-accent-hover);box-shadow:0 4px 12px #c79a704d}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.95rem;color:var(--color-text-light);transition:color .2s ease}.form-group:focus-within .form-label{color:var(--color-primary-dark)}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:#ffffff80;color:var(--color-text);font-family:inherit;font-size:1rem;transition:all .25s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background-color:#0003}.form-input:hover,.form-select:hover{border-color:var(--color-primary)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg);box-shadow:0 0 0 3px #a3968826}input[type=radio]{accent-color:var(--color-accent);width:1.1rem;height:1.1rem;cursor:pointer}@media print{body{background-color:#fff!important;background-image:none!important;color:#000!important}.header,.nav-links,.controls-group,.btn-accent,button{display:none!important}.main-content{padding:0;margin:0;max-width:100%}.card{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;background:transparent!important;filter:none!important}}.designer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.header{flex-direction:column;padding:1rem;gap:1rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.controls-group{width:100%;justify-content:center}.main-content{padding:1.5rem 1rem}.card{padding:1.5rem}.hero-banner{height:160px}.designer-grid{grid-template-columns:1fr;gap:1rem}.form-group label,.form-group input,.form-group select{font-size:16px}}