@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0,0";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-xs:.125rem;--radius-sm:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.resize{resize:both}}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 100, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-size:1.25em;font-style:normal;font-weight:100;line-height:1;display:inline-block}:root{--color-primary:#128ce8;--color-primary-soft:#eaf7ff;--color-accent:#ff6f61;--color-action:#ffdd4b;--color-action-hover:#f4cf31;--color-background:#f5f9fb;--color-surface:#fff;--color-text:#17324a;--color-text-muted:#6c8192;--color-border:#dce9f0;--color-success:#82d9ff;--radius-xs:6px;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--shadow-soft:0 3px 12px #4870850a;--shadow-accent:0 5px 14px #ff6f6130;--focus-ring:0 0 0 3px #128ce817;--blue:var(--color-primary);--coral:var(--color-accent);--ink:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-border);--bg:var(--color-background)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:Zen Kaku Gothic New,sans-serif}button,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:30;background:#fff;align-items:center;height:78px;padding:0 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:.05em;color:inherit;align-items:center;gap:9px;font-family:Montserrat,sans-serif;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand-symbol{object-fit:contain;width:55px;height:55px;display:block}.brand-wordmark{width:169px;height:auto;display:block}.brand-mark{color:#fff;background:var(--blue);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-4deg)}.brand small{color:#8ba0ad;letter-spacing:.06em;margin-left:5px;font-family:Zen Kaku Gothic New;font-size:11px;font-weight:500}.stats{color:var(--muted);align-items:center;gap:15px;margin-left:auto;font-size:13px;display:flex}.project-list-trigger{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f7fafb;border-radius:11px;align-items:center;gap:7px;margin-left:auto;padding:9px 11px;font-size:12px;font-weight:700;display:inline-flex}.project-list-trigger:hover{color:var(--blue);background:#eef8fe;border-color:#8bcfff}.project-list-trigger>.material-symbols-outlined{color:var(--blue);font-size:18px}.project-list-trigger b{color:var(--blue);background:#dff2fd;border-radius:999px;padding:2px 6px;font-size:9px}.project-list-trigger+.stats{margin-left:20px}.stats span{align-items:baseline;gap:4px;display:flex}.stats b{color:var(--ink);font:800 22px Montserrat}.stats i{background:var(--line);width:1px;height:22px}.share,.primary{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:14px;margin-left:28px;padding:12px 19px;font-weight:700;box-shadow:0 5px 14px #ff6f6130}.share:hover,.primary:hover{background:#f75f52}.save-project{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;margin-left:16px;padding:12px 19px;font-size:13px;font-weight:700;line-height:normal;display:inline-flex;box-shadow:0 5px 14px #ff6f6130}.save-project:hover{background:#f75f52}.save-project:disabled{opacity:.55;cursor:wait}.save-project .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;font-size:18px}.share{color:var(--ink);box-shadow:none;background:#f4f9fb;border:1px solid #cfe0e9;justify-content:center;align-items:center;gap:7px;font-size:13px;display:inline-flex}.share:hover{color:var(--blue);background:#eaf7ff;border-color:#8bcfff}.toolbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;height:72px;padding:0 32px;display:flex}.tabs{background:#eef5f8;border-radius:14px;gap:3px;padding:5px;display:flex}.tabs button{color:#708697;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 17px;font:700 13px Montserrat}.tabs button.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #34566b18}.tabs button.unavailable,.tabs button:disabled{color:#aebdc5;box-shadow:none;opacity:.48;cursor:not-allowed;filter:grayscale();background:0 0}.tabs em{background:#dceaf1;border-radius:10px;margin-left:7px;padding:2px 5px;font-size:9px;font-style:normal}.tabs .active em{background:var(--color-primary-soft)}.page-add:disabled{opacity:.45;cursor:not-allowed;filter:grayscale()}.toolbar p{color:#8396a3;margin:auto;font-size:12px}.drag-icon{width:22px;height:22px;color:var(--blue);border:1px solid #b8ccd7;border-radius:7px;place-items:center;margin-right:7px;display:inline-grid}.workspace{grid-template-columns:minmax(560px,1fr) 390px;height:calc(100vh - 150px);display:grid}.canvas-panel{background-color:#edf3f6;background-image:radial-gradient(#cddae1 1px,#0000 1px);background-size:18px 18px;justify-content:center;align-items:flex-start;padding:34px;display:flex;overflow:auto}.page-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;flex:none;width:min(100%,920px);min-height:560px;position:relative;box-shadow:0 14px 45px #4d6c7c2b}.page-canvas.sp{width:390px}.page-screenshot{object-fit:contain;object-position:top center;pointer-events:none;width:100%;height:auto;display:block}.empty-page-state{color:#78909d;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:560px;padding:40px;display:grid}.empty-page-state>.material-symbols-outlined{color:#8bcfff;font-size:38px}.empty-page-state b{font-size:14px}.empty-page-state button{border:2px solid var(--ink);background:var(--color-action);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:11px;margin-top:7px;padding:10px 16px;font-size:12px;font-weight:800}.dummy-page{color:#263c47;background:#fff;min-height:1350px;overflow:hidden}.sp .dummy-page{min-height:1650px}.dummy-page nav{border-bottom:1px solid #edf0ea;align-items:center;gap:30px;height:70px;padding:0 6%;font-family:Montserrat;display:flex}.dummy-page nav b{letter-spacing:.15em}.dummy-page nav div{gap:22px;margin-left:auto;font:500 10px Zen Kaku Gothic New;display:flex}.dummy-page nav button{color:#fff;background:#182f3b;border:0;border-radius:20px;padding:9px 16px;font-size:9px}.hero{background:#f5f6ed;grid-template-columns:1fr .85fr;align-items:center;gap:35px;min-height:410px;padding:65px 8%;display:grid}.hero small,.intro small,.feature small{letter-spacing:.16em;color:#5f8b8d;font:700 9px Montserrat}.hero h2,.intro h3,.feature h3{margin:14px 0 18px;font-size:38px;font-weight:700;line-height:1.35}.hero h2 em{color:#168a91;font-style:normal}.hero p,.intro p,.feature p{color:#68797c;font-size:12px;line-height:2}.hero button,.feature button{color:#fff;background:#168a91;border:0;border-radius:22px;padding:12px 18px;font-size:10px}.hero-art{background:#f7c861;border-radius:48% 48% 12px 12px;height:260px;position:relative;overflow:hidden}.hero-art i{background:#fff1be;border-radius:50%;position:absolute}.hero-art i:first-child{width:160px;height:160px;top:-30px;right:-20px}.hero-art i:nth-child(2){width:120px;height:120px;bottom:-20px;left:-20px}.hero-art i:nth-child(3){background:#f18c73;width:80px;height:80px;top:36%;left:40%}.hero-art span{font-size:35px;position:absolute;top:23%;right:26%}.intro{text-align:center;padding:90px 9%}.intro h3{font-size:31px}.intro p{max-width:450px;margin:0 auto}.value-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px;display:grid}.value-grid article{text-align:left;background:#f5f8f3;border-radius:18px;flex-direction:column;gap:24px;min-height:130px;padding:25px;display:flex}.value-grid b{color:#f18c73;font:700 10px Montserrat}.value-grid span{font-size:14px;font-weight:700}.feature{background:#eff7f6;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:70px 9%;display:grid}.photo-placeholder{color:#fff;letter-spacing:.12em;text-align:center;background:#88c4b9;border-radius:110px 18px 18px;place-items:center;height:290px;font:800 35px/1 Montserrat;display:grid}.feature h3{font-size:28px}.dummy-page footer{color:#fff;background:#17313c;justify-content:space-between;align-items:center;height:120px;padding:0 8%;font-family:Montserrat;display:flex}.dummy-page footer span{color:#9eb3bc;font-size:10px}.sp .dummy-page nav div,.sp .dummy-page nav button{display:none}.sp .hero{grid-template-columns:1fr;padding:48px 9%}.sp .hero h2{font-size:32px}.sp .hero-art{height:230px}.sp .value-grid{grid-template-columns:1fr}.sp .feature{grid-template-columns:1fr;padding:60px 9%}.sp .photo-placeholder{height:240px}.mark{border:3px solid var(--coral);z-index:4;cursor:pointer;background:#ff6f6115;border-radius:5px;padding:0;position:absolute}.mark span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:900;display:grid;position:absolute;top:-16px;left:-13px;box-shadow:0 3px 8px #7e231f35}.mark.done{opacity:.43;background:#fff}.mark.selected{opacity:1;border-width:4px;animation:.75s 2 pulse;box-shadow:0 0 0 8px #ff6f6138}.mark.draft{border-style:dashed;border-color:var(--blue);pointer-events:none;background:#128ce824}.mark.draft:after{content:"選択中";background:var(--blue);color:#fff;padding:3px 6px;font-size:9px;position:absolute;bottom:0;right:0}.side-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;display:flex}.page-source-link{color:#a7b4bc;align-items:center;gap:4px;width:min(250px,100%);margin:3px 0 7px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.page-source-link:hover{color:#718590;text-decoration:underline}.page-source-link .material-symbols-outlined{flex:none;font-size:14px}.page-source-link span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-heading{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:end;min-height:112px;padding:16px 24px;display:flex}.side-heading>div{flex:1;min-width:0}.side-heading p{color:var(--blue);letter-spacing:.13em;gap:2px;margin:0;font:700 9px Montserrat;display:grid}.side-page-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.side-view-label{display:block}.side-heading h1{margin:3px 0 0;font-size:20px}.side-heading h1 span{background:var(--color-primary-soft);color:var(--blue);border-radius:8px;place-items:center;width:24px;height:24px;font:700 11px Montserrat;display:inline-grid}.progress{color:#79909f;font-size:11px}.list{padding:18px;overflow:auto}.correction{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:17px;margin-bottom:11px;padding:15px;transition:all .2s;box-shadow:0 3px 12px #4870850a}.correction:hover,.correction.selected{border-color:#80caff;transform:translateY(-1px);box-shadow:0 5px 18px #128ce81c}.correction.done{opacity:.65;background:#f7fafb}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top strong{color:var(--coral);font-size:22px}.card-top label{color:#718896;cursor:pointer;align-items:center;gap:7px;font-size:10px;display:flex}.card-top input{appearance:none;border:2px solid #c6d8e1;border-radius:6px;place-content:center;width:18px;height:18px;display:grid}.card-top input:checked{background:var(--color-success);border-color:var(--color-success)}.card-top input:checked:after{content:"✓";color:#fff;font-weight:900}.card-comment{margin:9px 0 12px;font-size:13px;font-weight:500;line-height:1.7}.card-actions{gap:4px;display:flex}.card-actions button,.edit-form button,.composer-actions>button:first-child{color:#728693;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:10px}.card-actions .delete{color:#e27c73;margin-left:auto}.empty{text-align:center;color:#91a4af;padding:70px 15px}.empty span{background:var(--color-primary-soft);width:52px;height:52px;color:var(--blue);border-radius:18px;place-items:center;margin:0 auto 14px;font-size:22px;display:grid}.empty b{color:#58707f;font-size:14px}.empty p{font-size:11px;line-height:1.8}.composer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#17324a40;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.composer{background:#fff;border-radius:24px;grid-template-columns:45px 1fr 30px;gap:12px;width:min(460px,100%);padding:25px;display:grid;box-shadow:0 24px 80px #17324a40}.composer-number{width:42px;height:42px;color:var(--coral);background:#fff0ee;border-radius:14px;place-items:center;font-size:23px;display:grid}.composer p{color:var(--blue);letter-spacing:.12em;margin:2px 0;font:700 9px Montserrat}.composer h2{margin:3px 0;font-size:19px}.close{color:#728693;cursor:pointer;background:#eff4f6;border:0;border-radius:50%;width:28px;height:28px}.composer textarea,.edit-form textarea{resize:vertical;border:1px solid #cfe0e9;border-radius:14px;outline:none;grid-column:1/-1;width:100%;min-height:105px;padding:13px;font-size:13px}.composer textarea:focus,.edit-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #128ce817}.composer-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;display:flex}.composer-actions .primary{margin-left:8px}.composer-actions .primary:disabled{opacity:.45}.edit-form textarea{min-height:75px;margin:8px 0}.edit-form div{justify-content:flex-end;display:flex}.edit-form .primary{border-radius:8px;margin-left:5px;padding:7px 12px;font-size:10px}.share-backdrop,.page-add-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17324a50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.page-add-modal{border:2px solid var(--ink);text-align:left;background:#fff;border-radius:24px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:32px;position:relative;overflow:auto;box-shadow:12px 14px #17324a24}.page-add-modal h2{margin:0;font-size:25px}.page-add-description{color:#526b7a;margin:12px 0 20px;font-size:0;font-weight:500;line-height:1.7}.page-add-description:after{content:"URLからページを取り込むか、手元のスクリーンショットをアップロードできます。";font-size:13px}.page-methods{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.page-methods>button:first-child{display:none}.page-methods button{color:#617887;cursor:pointer;background:#f8fbfc;border:1px solid #cfe0e9;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:11px;font-weight:800}.page-methods button:not(:first-child){display:flex}.page-methods button.active{border:2px solid var(--blue);color:var(--blue);background:#eaf7ff;box-shadow:0 0 0 3px #128ce812}.page-methods .material-symbols-outlined{font-size:19px}.page-field{color:#617887;margin:15px 0;font-size:11px;font-weight:700;display:block}.page-field>input,.page-url-row input{width:100%;color:var(--ink);background:#fff;border:1px solid #cfe0e9;border-radius:10px;outline:none;margin-top:7px;padding:12px 13px;font-size:13px}.page-field>input:focus,.page-url-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #128ce817}.page-url-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.page-url-row input{margin-top:7px}.page-url-row button{color:var(--blue);cursor:pointer;background:#eaf7ff;border:0;border-radius:10px;margin-top:7px;padding:0 14px;font-size:11px;font-weight:800}.capture-device-options{border:0;grid-column:1/-1;margin:5px 0 0;padding:0}.capture-device-options legend{color:#617887;margin-bottom:7px;font-size:11px;font-weight:700}.capture-device-options>div{gap:8px;display:flex}.capture-device-options label{color:#526b7a;cursor:pointer;background:#f8fbfc;border:1px solid #cfe0e9;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.capture-device-options label:has(input:checked){color:var(--blue);background:#eaf7ff;border-color:#8bcfff}.capture-device-options input{width:14px;height:14px;accent-color:var(--blue);margin:0}.capture-device-options .material-symbols-outlined{font-size:17px}.capture-device-options small{color:#7b8f9a;margin-top:7px;font-size:10px;display:block}.capture-device-options small.error{color:#d95c50}.page-upload-field{color:#617887;cursor:pointer;background:#f8fcff;border:1px dashed #8bcfff;border-radius:14px;place-items:center;min-height:125px;padding:18px;display:grid}.page-upload-field .material-symbols-outlined{color:var(--blue);font-size:28px}.page-upload-field b{color:var(--ink);margin-top:5px;font-size:12px}.page-upload-field small{font-size:10px}.page-capture-field{color:#617887;text-align:center;background:#f8fcff;border:1px dashed #8bcfff;border-radius:14px;justify-items:center;min-height:150px;padding:20px;display:grid}.page-capture-field>.material-symbols-outlined{color:var(--blue);font-size:30px}.page-capture-field b{color:var(--ink);margin-top:5px;font-size:13px}.page-capture-field small{margin:5px 0 13px;font-size:10px;line-height:1.6}.page-capture-field button{border:2px solid var(--ink);background:var(--color-action);min-height:40px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:10px;padding:0 16px;font-size:11px;font-weight:800}.page-capture-field button:disabled{opacity:.55;cursor:wait}.page-preview{background:#eef4f6;border:1px solid #dce8ee;border-radius:12px;max-height:220px;margin-top:14px;overflow:auto}.page-preview img{width:100%;height:auto;display:block}.page-preview strong{color:var(--ink);background:#ffffffeb;padding:8px 11px;font-size:11px;display:block;position:sticky;bottom:0}.page-add-error{color:#d95c50;margin:10px 0 0;font-size:12px;font-weight:700}.page-add-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.page-add-actions>button{color:#617887;cursor:pointer;background:#eff4f6;border:0;border-radius:11px;min-height:44px;padding:0 16px;font-size:12px;font-weight:800}.page-add-actions .primary{border:2px solid var(--ink);background:var(--color-action);color:var(--ink);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:7px;display:inline-flex}.page-add-actions .primary:disabled{opacity:.55;cursor:wait}.page-preview-fallback{color:#617887;text-align:center;background:#f6fafc;border:1px solid #cfe0e9;border-radius:14px;justify-items:center;margin-top:14px;padding:24px 18px;display:grid}.page-preview-fallback .material-symbols-outlined{color:#8aa2b0;margin-bottom:7px;font-size:30px}.page-preview-fallback b{color:var(--ink);font-size:13px}.page-preview-fallback p{margin:6px 0 14px;font-size:11px}.page-preview-fallback-actions{gap:9px;display:flex}.page-preview-fallback-actions>button:first-child{display:none}.page-preview-fallback button{border:2px solid var(--ink);background:var(--color-action);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:800}.page-capture-progress{display:none}.page-add-actions .primary[data-capture-elapsed]{color:#0000;min-width:154px;position:relative}.page-add-actions .primary[data-capture-elapsed]>.material-symbols-outlined{visibility:hidden}.page-add-actions .primary[data-capture-elapsed]:before{content:attr(data-capture-elapsed) "　追加中…";color:var(--ink);white-space:nowrap;font-size:12px;font-weight:800;position:absolute;top:50%;left:38px;transform:translateY(-50%)}.page-add-actions .primary[data-capture-elapsed]:after{border:2px solid #17324a40;border-top-color:var(--ink);content:"";border-radius:50%;width:14px;height:14px;margin-top:-7px;animation:.8s linear infinite spin;position:absolute;top:50%;left:15px}@keyframes spin{to{transform:rotate(360deg)}}.page-url-row button[data-capture-elapsed]{color:#0000;min-width:132px;position:relative}.page-url-row button[data-capture-elapsed]:before{content:attr(data-capture-elapsed) "　取得中…";color:var(--color-primary);white-space:nowrap;font-size:11px;font-weight:800;position:absolute;top:50%;left:35px;transform:translateY(-50%)}.page-url-row button[data-capture-elapsed]:after{border:2px solid #128ce840;border-top-color:var(--color-primary);content:"";border-radius:50%;width:13px;height:13px;margin-top:-7px;animation:.8s linear infinite spin;position:absolute;top:50%;left:13px}.share-modal{border:2px solid var(--ink);text-align:left;background:#fff;border-radius:24px;width:min(480px,100%);padding:32px;position:relative;box-shadow:12px 14px #17324a24}.share-close{color:#728693;cursor:pointer;background:#eff4f6;border:0;border-radius:50%;width:32px;height:32px;position:absolute;top:18px;right:18px}.share-kicker{color:var(--blue);letter-spacing:.16em;margin:0 0 8px;font:800 10px Montserrat,sans-serif}.share-modal h2{margin:0;font-size:25px}.share-description{color:#526b7a;margin:16px 0 22px;font-size:13px;font-weight:500;line-height:1.9}.share-title-label,.share-link-label{color:#617887;margin-bottom:14px;font-size:11px;font-weight:700;display:block}.share-title-label input,.share-link-label input{width:100%;color:var(--ink);background:#f8fbfc;border:1px solid #cfe0e9;border-radius:10px;outline:none;margin-top:7px;padding:12px 13px;font-size:12px;display:block}.share-title-label input:not([readonly]){background:#fff}.share-title-label input:focus,.share-link-label input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #128ce817}.share-copy-actions{align-items:center;gap:12px;display:flex}.share-secondary{white-space:nowrap}.shared-project-title{text-overflow:ellipsis;white-space:nowrap;max-width:260px;color:var(--ink);font-size:12px;font-weight:700;overflow:hidden}.share-primary,.share-secondary{border:2px solid var(--ink);background:var(--color-action);min-height:46px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:13px;font-weight:900;display:inline-flex}.share-primary:disabled{opacity:.55;cursor:wait}.share-primary .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-size:19px}.share-notice,.share-error{margin:15px 0 0;font-size:12px;font-weight:700}.share-notice{color:#168269}.share-error{color:#d95c50}.share-modal>small{color:#8a9ba6;margin-top:18px;font-size:10px;line-height:1.6;display:block}.project-list-modal{border:2px solid var(--ink);text-align:left;background:#fff;border-radius:24px;width:min(560px,100%);padding:32px;position:relative;box-shadow:12px 14px #17324a24}.project-list-modal h2{margin:0;font-size:25px}.project-list-count{color:var(--muted);margin:8px 0 20px;font-size:12px;font-weight:600}.project-card-list{gap:10px;display:grid}.project-card{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #d5e3ea;border-radius:15px;align-items:center;gap:12px;padding:16px;transition:all .18s;display:flex}.project-card:hover{border-color:#82d9ff;transform:translateY(-2px);box-shadow:0 7px 20px #17324a13}.project-card.active{border:2px solid var(--blue);background:#eef8fe}.project-card-icon{width:42px;height:42px;color:var(--blue);background:#dff2fd;border-radius:12px;flex:none;place-items:center;display:grid}.project-card-copy{flex:1;gap:4px;min-width:0;display:grid}.project-card-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.project-card-copy small{color:var(--muted);font-size:10px;font-weight:600}.project-card em{background:var(--blue);color:#fff;border-radius:999px;padding:4px 8px;font-size:9px;font-style:normal;font-weight:800}.project-card>.material-symbols-outlined:last-child{color:var(--blue);font-size:18px}.project-list-empty{color:var(--muted);text-align:center;background:#f7fafb;border:1px dashed #bfd4df;border-radius:15px;justify-items:center;gap:8px;padding:34px;display:grid}.project-list-empty>.material-symbols-outlined{color:#8bcfff;font-size:32px}.project-list-empty b{font-size:13px}.project-list-empty small{font-size:10px}.share-loading,.completion-notice{z-index:90;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #17324a30}.read-only-badge{color:var(--blue);background:#eaf7ff;border-radius:999px;align-items:center;gap:5px;margin-left:18px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.read-only-badge .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;font-size:15px}.page-canvas.read-only .mark{cursor:pointer}.card-top label.view-only,.card-top label.view-only input{cursor:default}.project-list-trigger{text-decoration:none}.page-capture-progress{z-index:100;border:2px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:10px 16px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.page-capture-progress .material-symbols-outlined{color:var(--blue);font-size:16px;animation:.8s linear infinite spin}.project-card-thumbnail{object-fit:cover;object-position:top center;background:#fff;border:1px solid #d5e3ea;border-radius:12px;flex:none;width:72px;height:72px}.projects-card-grid article.project-card{align-items:stretch;padding:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.project-card-main{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;padding:16px;text-decoration:none;display:flex}.project-card-dates{flex-wrap:wrap;gap:3px 12px;display:flex}.project-card-dates small{font-size:9px}.project-delete{color:#8a9ba6;cursor:pointer;background:#fafcfd;border:0;border-left:1px solid #e1e9ed;flex:none;justify-content:center;align-items:center;gap:4px;width:66px;font-size:10px;font-weight:700;display:inline-flex}.project-delete:hover{color:#e25d50;background:#fff0ee}.project-delete:disabled{opacity:.5;cursor:wait}.project-delete .material-symbols-outlined{font-size:16px}.projects-error{color:#c84e43;background:#fff0ee;border-radius:10px;margin:-12px 0 18px;padding:10px 13px;font-size:11px;font-weight:700}.project-card-actions{border-left:1px solid #e1e9ed;flex:none;width:86px;display:grid}.project-card-actions button{color:#8a9ba6;cursor:pointer;background:#fafcfd;border:0;justify-content:center;align-items:center;gap:4px;width:100%;font-size:10px;font-weight:700;display:flex}.project-card-actions button+button{border-top:1px solid #e1e9ed}.project-card-actions button:disabled{opacity:.5;cursor:wait}.project-card-actions .material-symbols-outlined{font-size:16px}.project-card-actions .project-rename:hover{color:var(--blue);background:#eef8fe}.project-card-actions .project-delete{border-left:0}.project-card-actions .project-delete:hover{color:#e25d50;background:#fff0ee}.project-card.editing{border-color:var(--blue);background:#eef8fe;transition:none}.project-card.editing:hover{box-shadow:none;transform:none}.project-title-input{border:2px solid var(--blue);width:min(100%,430px);color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:8px 10px;font-size:17px;font-weight:700;box-shadow:0 0 0 3px #128ce814}.project-card.editing .project-rename{background:var(--color-action);color:var(--ink)}.project-card-status{align-items:center;gap:10px;display:flex}.project-card-status>small{color:var(--muted);font-size:13px;font-weight:600}.project-card-status>strong{color:#718590;background:#eef3f5;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:800;display:inline-flex}.project-card-status>strong .material-symbols-outlined{font-size:15px}.project-card-status>strong.all-done{color:#168ac1;background:#e5f8ff}.projects-page .project-card-dates small{font-size:13px}.projects-page{background:#f3f7f9;min-height:100vh}.projects-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;height:78px;padding:0 32px;display:flex}.projects-back{border:1px solid var(--line);color:var(--ink);border-radius:11px;align-items:center;gap:6px;margin-left:auto;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.projects-back:hover{color:var(--blue);background:#eef8fe;border-color:#8bcfff}.projects-back .material-symbols-outlined{font-size:17px}.projects-content{width:min(1000px,100% - 40px);margin:0 auto;padding:64px 0 90px}.projects-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.projects-title-row h1{color:var(--ink);margin:0;font-size:34px}.projects-title-row p{color:var(--muted);margin:9px 0 0;font-size:13px;font-weight:600}.projects-title-row>strong{color:var(--blue);background:#dff2fd;border-radius:999px;padding:7px 12px;font:800 12px Montserrat}.projects-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.projects-card-grid .project-card{min-height:104px;text-decoration:none}.projects-content>.project-list-empty{min-height:260px}.projects-content>.project-list-empty a{background:var(--color-action);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;margin-top:8px;padding:10px 16px;font-size:12px;font-weight:800;text-decoration:none}.projects-page .projects-card-grid{grid-template-columns:1fr;gap:18px}.projects-page .projects-card-grid .project-card{min-height:142px}.projects-page .project-card-main{gap:20px;padding:20px 22px}.projects-page .project-card-thumbnail{border-radius:15px;width:100px;height:100px}.projects-page .project-card-icon{border-radius:15px;width:100px;height:100px;font-size:34px}.projects-page .project-card-copy{gap:7px}.projects-page .project-card-copy>b{font-size:18px}.projects-page .project-card-copy>small,.projects-page .project-card-dates small{font-size:13px}.projects-page .project-delete{width:86px;font-size:11px}.projects-page .project-delete .material-symbols-outlined{font-size:18px}.projects-title-actions{align-items:center;gap:10px;display:flex}.projects-title-actions>strong{color:var(--blue);background:#dff2fd;border-radius:999px;padding:7px 12px;font:800 12px Montserrat}.projects-title-actions>a,.projects-title-actions>button{border:2px solid var(--ink);background:var(--color-action);min-height:42px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 15px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.projects-title-actions .material-symbols-outlined{font-size:18px}.projects-title-actions>button:disabled{color:#8a9ba6;box-shadow:none;cursor:not-allowed;background:#e7edef;border-color:#b9c7ce}@keyframes pulse{50%{opacity:.5}}@media (width<=900px){.brand small,.toolbar p,.project-list-trigger span:not(.material-symbols-outlined){display:none}.project-list-trigger+.stats{margin-left:10px}.topbar{padding:0 18px}.share,.save-project{margin-left:16px}.toolbar{padding:0 18px}.workspace{grid-template-columns:1fr;height:auto}.canvas-panel{min-height:600px;max-height:70vh;padding:20px}.side-panel{border-left:0;border-top:1px solid var(--line);min-height:480px}.list{overflow:visible}.workspace .page-canvas.pc{min-width:720px}.stats span{font-size:0}.stats b{font-size:18px}.stats span:after{content:"件";font-size:10px}.share,.save-project{padding:10px 13px;font-size:12px}}@media (width<=520px){.brand{font-size:0}.project-list-trigger{justify-content:center;width:36px;height:36px;margin-left:auto;padding:0;display:inline-flex}.project-list-trigger span:not(.material-symbols-outlined),.project-list-trigger b,.project-list-trigger+.stats{display:none}.project-list-trigger>.material-symbols-outlined{font-size:20px}.brand-symbol{width:47px;height:47px}.brand-wordmark{width:135px}.brand-mark{font-size:16px}.topbar{height:66px}.toolbar{height:62px}.workspace{height:auto}.canvas-panel{padding:15px}.page-canvas.sp{width:330px}.share span{display:none}.stats{gap:8px}.topbar{padding:0 12px}.share,.save-project{margin-left:10px}.dummy-page{pointer-events:none}.share-modal{padding:26px 20px}.share-modal h2{font-size:21px}.share-copy-actions{flex-direction:column;align-items:stretch}.share-primary{width:100%}.share-secondary{align-self:center}.shared-project-title{max-width:150px}.page-add-modal{padding:26px 20px}.page-add-modal h2{font-size:21px}.page-methods{grid-template-columns:1fr}.page-add-actions{flex-direction:column-reverse;align-items:stretch}.page-add-actions>button{width:100%}.projects-header{height:66px;padding:0 12px}.projects-header .brand-symbol{width:40px;height:40px}.projects-header .brand-wordmark{width:120px}.projects-header .brand small{display:none}.projects-back{padding:9px;font-size:0}.projects-content{width:min(100% - 28px,1000px);padding:42px 0 70px}.projects-title-row{align-items:flex-start}.projects-title-row h1{font-size:27px}.projects-title-row p{font-size:11px}.projects-card-grid{grid-template-columns:1fr}.project-card{padding:14px}.projects-title-row{gap:16px}.projects-title-actions{flex-direction:column;align-items:flex-end;gap:7px}.projects-title-actions>a,.projects-title-actions>button{min-height:38px;padding:0 11px;font-size:10px}}.mark .resize-handle{border:2px solid var(--color-accent);z-index:6;touch-action:none;background:#fff;padding:0;display:block;position:absolute;box-shadow:0 1px 5px #17324a25}.mark .resize-handle.x{border-radius:var(--radius-xs);cursor:ew-resize;width:10px;height:25px;top:calc(50% - 12px);left:auto;right:-7px}.mark .resize-handle.y{border-radius:var(--radius-xs);cursor:ns-resize;width:25px;height:10px;top:auto;bottom:-7px;left:calc(50% - 12px)}.mark .resize-handle.both{cursor:nwse-resize;background:var(--color-accent);border-radius:50%;width:14px;height:14px;inset:auto -9px -9px auto}.mark.selected,.mark.done,.mark.done.selected{background:0 0}.mark{transition:border-color .25s,border-width .25s,box-shadow .45s,opacity .35s,background-color .25s}.mark.selected{border-width:4px;animation:none;box-shadow:0 0 0 9px #ff6f6126,0 8px 24px #ff6f612c}.side-heading h1,.composer h2{font-weight:var(--weight-black)}.progress{font-weight:var(--weight-medium)}.side-panel{width:390px}.list{scrollbar-gutter:stable}@media (width<=900px){.side-panel{width:100%}}.edit-form .edit-controls{align-items:center;display:flex}.edit-form .edit-spacer,.composer .edit-spacer{flex:1}.edit-form .voice-input,.composer .voice-input{width:34px;height:34px;color:var(--blue);cursor:pointer;z-index:2;background:#eaf7ff;border:0;border-radius:50%;place-items:center;padding:0;font-weight:700;display:inline-grid;position:absolute;bottom:10px;right:10px}.edit-form .voice-input .material-symbols-outlined,.composer .voice-input .material-symbols-outlined{font-size:18px}.edit-form .draw-input,.composer .draw-input{z-index:2;width:34px;height:34px;color:var(--color-primary);background:var(--color-primary-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:absolute;bottom:10px;right:50px}.edit-form .draw-input .material-symbols-outlined,.composer .draw-input .material-symbols-outlined{font-size:18px}.textarea-wrap button[data-tooltip]:after{content:attr(data-tooltip);color:#fff;font-size:10px;font-weight:var(--weight-medium);white-space:nowrap;opacity:0;pointer-events:none;background:#17324a;border-radius:6px;padding:4px 7px;line-height:1.2;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.textarea-wrap button[data-tooltip]:hover:after,.textarea-wrap button[data-tooltip]:focus-visible:after{opacity:1}.textarea-wrap{grid-column:1/-1;width:100%;position:relative}.edit-form .textarea-wrap{display:block}.textarea-wrap textarea,.edit-form .textarea-wrap textarea,.composer .textarea-wrap textarea{margin:0;display:block}.edit-form .textarea-wrap textarea,.composer .textarea-wrap textarea{padding-right:94px}.edit-form .voice-input.listening,.composer .voice-input.listening{color:#e95349;background:#fff0ee}.edit-form .voice-input:disabled,.composer .voice-input:disabled{color:#9aabb5;cursor:not-allowed;background:#f1f5f7}.edit-form .voice-notice,.composer .voice-notice{color:#5e7482;background:#f2f7fa;border-radius:9px;margin:7px 0 3px;padding:8px 10px;font-size:10px;line-height:1.6}.composer .voice-notice{grid-column:1/-1;width:100%}.edit-form .primary{color:var(--color-text);background:var(--color-action);box-shadow:0 4px 12px #c8a9002b}.edit-form .primary:hover{background:var(--color-action-hover)}.composer .primary{color:var(--color-text);background:var(--color-action);box-shadow:0 4px 12px #c8a9002b}.composer .primary:hover{background:var(--color-action-hover)}.composer .composer-cancel{color:#728693;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:12px}.ui-icon{vertical-align:middle;flex:none;width:18px;height:18px;display:inline-block}.card-actions button{align-items:center;gap:3px;display:inline-flex}.tabs button{align-items:center;gap:5px;display:inline-flex}.drag-icon .ui-icon{width:18px;height:18px}.drag-icon{width:18px;height:18px;color:inherit;vertical-align:-2px;border:0;margin-right:5px}.attachment-field{grid-column:1/-1;width:100%;margin:2px 0 10px;display:block}.edit-form .attachment-field{display:block}.edit-form .attachment-list,.edit-form .attachment-item,.edit-form .attachment-drop{justify-content:flex-start;display:flex}.attachment-list{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin:4px 0 9px;display:grid}.edit-form .attachment-list{display:grid}.attachment-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#f8fbfc;flex-direction:column;min-width:0;padding:5px;position:relative}.attachment-item>a{border-radius:var(--radius-xs);background:#edf3f6;place-items:center;width:100%;height:58px;display:grid;overflow:hidden}.attachment-item img{object-fit:cover;width:100%;height:100%}.attachment-item .file-preview{color:var(--color-primary)}.attachment-item .file-preview .material-symbols-outlined{font-size:26px}.attachment-name{min-width:0;color:var(--color-text-muted);white-space:nowrap;margin-top:4px;font-size:10px;line-height:1.35;display:flex}.attachment-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-size{white-space:nowrap;flex:none}.attachment-item>button{border:1px solid var(--color-border);color:#687e8c;width:20px;height:20px;box-shadow:var(--shadow-soft);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-5px;right:-5px}.attachment-item>button .material-symbols-outlined{font-size:13px}.attachment-drop{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--color-text-muted);cursor:text;background:#f8fbfc;border:1px dashed #b7ccd7;outline:none;justify-content:center;align-items:center;gap:4px;padding:8px 7px;font-size:12px;display:flex}.attachment-copy{flex-direction:column;align-items:flex-start;line-height:1.55;display:flex}.attachment-error{border-radius:var(--radius-sm);color:#c8473d;background:#fff0ee;width:100%;margin:7px 0 0;padding:8px 10px;font-size:11px;line-height:1.5}.attachment-drop:focus{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--focus-ring)}.attachment-drop>.material-symbols-outlined{color:var(--color-primary);font-size:17px}.attachment-drop button{color:var(--color-primary);font-size:12px;font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.correction>.attachment-list{grid-template-columns:repeat(3,minmax(0,1fr));margin:2px 0 10px}.pagebar{border-bottom:1px solid var(--color-border);background:#fff;align-items:center;gap:12px;min-height:58px;padding:9px 32px;display:flex;overflow-x:auto}.pagebar-label{color:#8ba0ad;letter-spacing:.14em;flex:none;font:700 9px Montserrat,sans-serif}.page-tabs{align-items:center;gap:6px;display:flex}.page-tab-item{flex:none;position:relative}.page-tab-button{border:1px solid var(--color-border);color:#6f8492;font-size:11px;font-weight:var(--weight-bold);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:8px 11px 8px 25px;display:inline-flex}.page-tab-button>span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.page-tab-item.active .page-tab-button{color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--focus-ring);border-color:#8bcfff}.page-delete{z-index:2;color:#8aa0ad;cursor:pointer;background:0 0;border:0;place-items:center;width:16px;height:16px;padding:0;display:grid;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.page-delete svg{fill:currentColor;width:15px;height:15px;display:block}.page-delete path{stroke:currentColor;stroke-width:55px;stroke-linejoin:round}.page-delete:hover{color:var(--color-primary);transform:translateY(-50%)scale(1.08)}.page-tabs em{color:#6f8492;background:#e7eff3;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font:700 9px Montserrat,sans-serif;display:inline-grid}.page-add{color:var(--color-primary);font-size:11px;font-weight:var(--weight-bold);cursor:pointer;background:#fff;border:1px dashed #9bcbe6;border-radius:10px;flex:none;align-items:center;gap:3px;padding:7px 10px;display:inline-flex}.page-add .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20;font-size:16px}.page-add-form{flex:none;align-items:center;gap:5px;display:flex}.page-add-form input{width:145px;font:inherit;border:1px solid #9bcbe6;border-radius:8px;outline:none;padding:7px 9px;font-size:11px}.page-add-form button{color:var(--color-text);background:var(--color-action);font-size:10px;font-weight:var(--weight-bold);cursor:pointer;border:0;border-radius:8px;padding:7px 9px}.page-add-form button:last-child{color:#718896;background:#eef4f6}.page-add-form button:disabled{opacity:.45}.workspace{height:calc(100vh - 208px)}@media (width<=900px){.pagebar{padding:9px 18px}.workspace{height:auto}}@media (width<=520px){.pagebar{padding:8px 12px}.pagebar-label{display:none}.page-tab-button{padding:7px 9px 7px 23px}}.drawing-layer{z-index:2;color:#f0443a;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.drawing-layer.active{pointer-events:auto;touch-action:none;cursor:crosshair}.mark.drawing{cursor:crosshair;box-shadow:0 0 0 9px #ff6f6126,0 8px 24px #ff6f612c}.mark.draft.drawing{pointer-events:auto;background:0 0}.mark.draft.drawing:after{display:none}.mark.drawing .mark-number{z-index:4}.drawing-toolbar{z-index:45;border:1px solid var(--color-border);background:#fff;border-radius:16px;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:9px 11px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #17324a35}.drawing-toolbar>button,.pen-widths button{color:#647b89;min-height:34px;font-size:10px;font-weight:var(--weight-bold);cursor:pointer;background:#f0f5f7;border:0;border-radius:9px;justify-content:center;align-items:center;gap:3px;padding:7px 9px;display:inline-flex}.drawing-toolbar>button:disabled{opacity:.4;cursor:not-allowed}.drawing-toolbar .material-symbols-outlined{font-size:16px}.drawing-status{color:#e64d43;font-size:11px;font-weight:var(--weight-bold);white-space:nowrap;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.pen-widths{background:#f0f5f7;border-radius:10px;gap:3px;padding:3px;display:flex}.pen-widths button{background:0 0;width:30px;min-height:28px;padding:0}.pen-widths button.active{background:#fff;box-shadow:0 2px 6px #17324a20}.pen-widths i{background:#f0443a;border-radius:50%;display:block}.drawing-toolbar .drawing-cancel{color:#718896;background:#fff}.drawing-toolbar .drawing-save{color:var(--color-text);background:var(--color-action)}@media (width<=700px){.drawing-toolbar{justify-content:flex-start;overflow-x:auto}.drawing-status{display:none}}html{scroll-behavior:smooth;scroll-padding-top:82px}.landing{--lp-navy:#172b4d;--lp-sky:#82d9ff;--lp-red:#ff5a52;--lp-yellow:#ffdd4b;min-height:100vh;color:var(--lp-navy);background:#fff;overflow-x:clip}.landing button,.landing input{font:inherit}.landing a{color:inherit;text-decoration:none}.landing-header{background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 32px;display:flex}.landing-logo{align-items:center;gap:9px;display:flex}.landing-logo img:first-child{object-fit:contain;width:55px;height:55px;display:block}.landing-logo img:nth-child(2){width:169px;height:auto;display:block}.landing-logo small{color:#8ba0ad;letter-spacing:.06em;margin-left:5px;font-size:11px;font-weight:500}.landing-header nav{align-items:center;gap:28px;font-size:12px;font-weight:700;display:flex}.landing-header nav button,.hero-start,.landing-cta button{border:2px solid var(--lp-navy);background:var(--lp-yellow);color:var(--lp-navy);cursor:pointer;box-shadow:4px 4px 0 var(--lp-navy);border-radius:999px;font-weight:900}.landing-project-link{color:var(--lp-navy);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.landing-project-link>.material-symbols-outlined{color:var(--blue);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;font-size:18px}.landing-header nav button{padding:11px 18px}.landing-hero{border:5px solid var(--lp-navy);background:var(--lp-sky);border-radius:34px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:5vw;min-height:calc(100vh - 78px);margin:0 6px 6px;padding:7vw 7vw 6vw;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:3;position:relative}.eyebrow,.section-kicker{letter-spacing:.18em;margin:0 0 18px;font:800 11px Montserrat,sans-serif}.hero-copy h1{letter-spacing:-.08em;margin:0;font-size:clamp(58px,7vw,108px);font-weight:900;line-height:.96}.hero-copy h1 span{color:#fff;text-shadow:3px 3px 0 var(--lp-navy);display:inline-block}.hero-lead{margin:30px 0 26px;font-size:16px;font-weight:700;line-height:2}.hero-start,.landing-cta button{align-items:center;gap:18px;padding:16px 25px;font-size:14px;display:inline-flex}.hero-start+small{margin:14px 0 0 8px;font-size:10px;font-weight:700;display:block}.hero-rings i{border:3px solid var(--lp-navy);opacity:.15;border-radius:50%;position:absolute}.hero-rings i:first-child{width:560px;height:560px;top:-190px;right:-130px}.hero-rings i:nth-child(2){width:300px;height:300px;bottom:-180px;left:35%}.hero-rings i:nth-child(3){background:var(--lp-yellow);opacity:1;width:44px;height:44px;top:12%;left:45%}.hero-rings i:nth-child(4){background:var(--lp-red);opacity:1;width:85px;height:85px;bottom:8%;right:4%}.hero-demo{z-index:2;position:relative}.demo-window{border:4px solid var(--lp-navy);background:#fff;border-radius:22px;overflow:hidden;transform:rotate(2deg);box-shadow:14px 15px #172b4d26}.demo-bar{border-bottom:3px solid var(--lp-navy);background:#f4fbff;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.demo-bar i{border:2px solid var(--lp-navy);background:var(--lp-red);border-radius:50%;width:10px;height:10px}.demo-bar i:nth-child(2){background:var(--lp-yellow)}.demo-bar i:nth-child(3){background:var(--lp-sky)}.demo-bar span{border:2px solid var(--lp-navy);background:#fff;border-radius:8px;margin:auto;padding:5px 35px;font:700 9px Montserrat}.demo-page{background:#fff8e8;min-height:430px;padding:42px;position:relative}.demo-nav{background:var(--lp-navy);border-radius:9px;width:65%;height:18px}.demo-title{background:var(--lp-navy);border-radius:10px;width:55%;height:52px;margin-top:65px}.demo-copy{background:#9db0bd;border-radius:6px;width:42%;height:12px;margin-top:18px}.demo-cards{gap:13px;margin-top:75px;display:flex}.demo-cards i{border:3px solid var(--lp-navy);background:#fff;border-radius:15px;width:29%;height:92px}.demo-circle{border:8px solid var(--lp-red);border-radius:50%;width:230px;height:190px;position:absolute;top:27%;right:10%;transform:rotate(-8deg)}.demo-circle b{background:var(--lp-red);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:-12px;left:-15px}.demo-comment{border:3px solid var(--lp-navy);box-shadow:6px 6px 0 var(--lp-yellow);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 15px;display:flex;position:absolute;bottom:12%;right:4%}.demo-comment b{color:var(--lp-red);font-size:22px}.demo-comment span{font-size:11px;font-weight:700}.demo-comment em{color:#16a37a;font-style:normal}.maru-badge{align-items:center;font:900 14px Montserrat;display:flex;position:absolute;top:-56px;right:-12px;transform:rotate(8deg)}.maru-badge strong{border:3px solid var(--lp-navy);background:var(--lp-yellow);border-radius:50%;place-items:center;width:90px;height:90px;margin-left:-6px;font-size:17px;display:grid}.go-next{border:5px solid var(--lp-navy);background:var(--lp-navy);color:#fff;cursor:pointer;border-radius:28px 0 0;padding:18px 28px;font:800 10px Montserrat;position:absolute;bottom:-5px;right:-5px}.go-next span{margin-left:14px}.landing-intro{text-align:center;padding:120px 7vw}.landing-intro h2,.landing-steps h2{letter-spacing:-.05em;margin:0;line-height:1.25}.landing-intro h2{font-size:clamp(27px,3.5vw,48px)}.landing-steps h2{font-size:clamp(38px,5vw,68px)}.landing-intro h2 span{z-index:1;position:relative}.landing-intro h2 span:after{content:"";z-index:-1;opacity:.65;pointer-events:none;background:url(/circle-3.svg) 50%/100% 100% no-repeat;position:absolute;inset:-17px -35px -19px}.feature-circles{grid-template-rows:repeat(3,minmax(270px,auto));grid-template-columns:minmax(0,1fr) clamp(220px,22vw,300px) minmax(0,1fr);align-items:center;gap:40px clamp(45px,5vw,82px);width:min(1400px,100%);margin:80px auto 0;display:grid}.feature-circles article{--bubble-bg:#fff;border:3px solid var(--lp-navy);background:var(--bubble-bg);text-align:left;border-radius:28px;outline:none;min-height:270px;padding:38px 38px 34px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:8px 9px #172b4d14}.feature-circles article:nth-of-type(2){--bubble-bg:#f2dcff;grid-area:1/3}.feature-circles article:nth-of-type(3){--bubble-bg:#fff3b4;grid-area:2/1}.feature-circles article:nth-of-type(4){--bubble-bg:#e5f7ff;grid-area:2/3}.feature-circles article:nth-of-type(5){--bubble-bg:#ffe9e6;grid-area:3/1}.feature-circles article:nth-of-type(6){--bubble-bg:#e5f7ff;grid-area:3/3}.feature-circles article.active,.feature-circles article:focus-visible{transform:translateY(-6px);box-shadow:10px 14px #172b4d20}.feature-circles article:before,.feature-circles article:after{content:"";width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.feature-circles article:nth-of-type(odd):before{border-top:19px solid #0000;border-bottom:19px solid #0000;border-left:25px solid var(--lp-navy);right:-25px}.feature-circles article:nth-of-type(odd):after{border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:20px solid var(--bubble-bg);right:-19px}.feature-circles article:nth-of-type(2n):before{border-top:19px solid #0000;border-bottom:19px solid #0000;border-right:25px solid var(--lp-navy);left:-25px}.feature-circles article:nth-of-type(2n):after{border-top:15px solid #0000;border-bottom:15px solid #0000;border-right:20px solid var(--bubble-bg);left:-19px}.feature-circles article>b{font:800 12px Montserrat;position:absolute;top:22px;left:28px}.feature-circles article>.material-symbols-outlined{border:3px solid var(--lp-navy);background:var(--lp-sky);border-radius:50%;place-items:center;width:68px;height:68px;margin:0 0 25px auto;font-size:31px;display:grid}.feature-circles h3{margin:0 0 16px;font-size:22px}.feature-circles p{color:#52657b;margin:0;font-size:13px;line-height:2}.feature-phone{border:4px solid var(--lp-navy);background:var(--lp-navy);width:100%;height:590px;box-shadow:13px 15px 0 var(--lp-yellow);border-radius:42px;grid-area:1/2/4;align-self:start;padding:18px 12px 62px;position:sticky;top:105px;overflow:hidden}.phone-speaker{z-index:3;background:var(--lp-navy);border-radius:0 0 13px 13px;width:72px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-screen{background:#f2f7f9;border-radius:27px 27px 18px 18px;width:100%;height:100%;overflow:hidden}.feature-shot{object-fit:cover;width:100%;height:100%;transition:object-position .65s,filter .35s}.feature-shot.shot-0{object-position:9% center}.feature-shot.shot-1{object-position:25% center}.feature-shot.shot-2{object-position:40% center}.feature-shot.shot-3{object-position:57% center}.feature-shot.shot-4{object-position:75% center}.feature-shot.shot-5{object-position:94% center}.phone-caption{color:#fff;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:11px;left:12px;right:12px}.phone-caption span{background:var(--lp-sky);width:28px;height:28px;color:var(--lp-navy);border-radius:50%;place-items:center;font:900 10px Montserrat;display:grid}.landing-steps{background:var(--lp-navy);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:100px 8vw;display:grid}.landing-steps ol{margin:0;padding:0;list-style:none}.landing-steps li{border-bottom:1px solid #ffffff3b;align-items:center;gap:22px;padding:24px 0;display:flex}.landing-steps li>b{background:var(--lp-yellow);width:54px;height:54px;color:var(--lp-navy);border-radius:50%;flex:none;place-items:center;font:900 18px Montserrat;display:grid}.landing-steps li span{color:#bfcce0;font-size:12px}.landing-steps li strong{color:#fff;margin-bottom:6px;font-size:17px;display:block}.landing-cta{text-align:center;background:var(--lp-sky);padding:110px 7vw;position:relative;overflow:hidden}.landing-cta p{z-index:2;margin:0 0 35px;font-size:clamp(45px,6vw,78px);font-weight:900;line-height:1.25;position:relative}.landing-cta button{z-index:2;position:relative}.cta-maru{pointer-events:none;width:clamp(350px,47vw,610px);height:auto;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.cta-maru path{fill:none;stroke:#ff5a52;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.cta-maru.is-drawn path{animation:1.35s cubic-bezier(.65,0,.35,1) 80ms forwards heading-circle-draw}.landing-footer{background:#fff;align-items:center;gap:24px;padding:35px 5vw;display:flex}.landing-footer img{width:140px}.landing-footer span{color:#8293a7;font-size:11px}.landing-footer small{color:#8293a7;margin-left:auto;font:700 10px Montserrat}.start-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#172b4d99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.start-modal{border:4px solid var(--lp-navy);width:min(520px,100%);box-shadow:12px 12px 0 var(--lp-yellow);background:#fff;border-radius:28px;padding:34px;position:relative}.start-modal h2{margin:0 0 24px;font-size:28px}.start-close{width:34px;height:34px;color:var(--lp-navy);cursor:pointer;background:#edf4f7;border:0;border-radius:50%;position:absolute;top:20px;right:20px}.start-methods{grid-template-columns:1fr 1fr;gap:10px;display:grid}.start-methods button{color:#718398;cursor:pointer;background:#fff;border:2px solid #d6e2e9;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:14px;font-size:12px;font-weight:800;display:flex}.start-methods button.active{border-color:var(--lp-navy);background:var(--lp-sky);color:var(--lp-navy)}.start-fields{margin-top:18px}.start-fields label{font-size:11px;font-weight:800;display:block}.start-fields input{border:2px solid #cbdbe4;border-radius:11px;outline:none;width:100%;margin-top:7px;padding:13px}.start-fields input:focus{border-color:#128ce8}.start-fields p{color:#7d8fa1;font-size:10px;line-height:1.7}.upload-drop{color:#527489;cursor:pointer;background:#f5fbff;border:2px dashed #9fc9df;border-radius:13px;width:100%;margin-bottom:14px;padding:24px;font-weight:700}.upload-drop span{color:#128ce8;margin-bottom:8px;font-size:24px;display:block}.start-submit{border:2px solid var(--lp-navy);background:var(--lp-yellow);box-shadow:4px 4px 0 var(--lp-navy);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:14px;font-weight:900;display:flex}.start-submit.disabled{opacity:.4;pointer-events:none}@media (width<=850px){.landing-header nav a{display:none}.landing-hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{text-align:center}.hero-demo{margin-top:50px}.hero-lead br{display:none}.feature-circles{flex-direction:column;max-width:520px;margin:70px auto 0;display:flex}.feature-phone{order:-1;align-self:center;width:min(280px,80vw);height:560px;margin-bottom:28px;position:relative;top:auto}.feature-circles article{border-radius:26px;width:100%;min-height:270px}.feature-circles article:before,.feature-circles article:after{top:auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.feature-circles article:before{border-top:25px solid var(--lp-navy)!important;border-bottom:0!important;border-left:19px solid #0000!important;border-right:19px solid #0000!important;bottom:-25px!important}.feature-circles article:after{border-top:20px solid var(--bubble-bg)!important;border-bottom:0!important;border-left:15px solid #0000!important;border-right:15px solid #0000!important;bottom:-19px!important}.landing-steps{grid-template-columns:1fr}.maru-badge{right:0}.landing-header nav .landing-project-link{display:inline-flex}}@media (width<=520px){.landing-header{height:66px;padding:0 12px}.landing-logo img:first-child{width:47px;height:47px}.landing-logo img:nth-child(2){width:135px}.landing-header nav{gap:0}.landing-header nav button{padding:9px 12px;font-size:10px}.landing-hero{border-width:4px;border-radius:24px;min-height:calc(100vh - 66px);padding:70px 22px 80px}.hero-copy h1{font-size:58px}.hero-lead{font-size:13px}.demo-page{min-height:300px;padding:25px}.demo-circle{width:150px;height:125px}.demo-comment{bottom:7%;right:2%}.maru-badge{top:-44px}.maru-badge strong{width:72px;height:72px}.landing-intro{padding:90px 20px}.feature-circles article{padding:48px 30px 35px}.landing-steps{padding:80px 24px}.landing-cta{padding:90px 20px}.landing-footer{flex-wrap:wrap}.landing-footer small{width:100%;margin:0}.start-modal{padding:28px 20px}.start-methods{grid-template-columns:1fr}.landing-project-link{justify-content:center;width:34px;height:34px}.landing-project-link span:not(.material-symbols-outlined){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.landing-intro h2{font-weight:600}.feature-circles article{flex-direction:column;padding:38px 38px 32px;display:flex}.feature-circles article>b{color:#128ce8;letter-spacing:.09em;font:900 11px Montserrat;top:25px;left:31px}.feature-circles article>.material-symbols-outlined{color:#128ce8;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;background:#d7f1ff;border:0;width:62px;height:62px;margin:0;font-size:29px;position:absolute;top:27px;right:29px}.feature-circles article:nth-of-type(6)>.material-symbols-outlined{background:#c5efff}.feature-circles article:nth-of-type(n){--bubble-bg:#fff}.feature-circles h3{color:#128ce8;margin:76px 0 12px;font-size:23px;font-weight:600;line-height:1.45}.feature-circles p{color:#52657b;margin:0;font-size:13px;font-weight:500;line-height:1.9}.feature-circles{padding-bottom:135px}@media (width<=850px){.feature-circles{padding-bottom:0}.feature-circles article:nth-of-type(2n){transform:none}.feature-circles article:nth-of-type(2n).active,.feature-circles article:nth-of-type(2n):focus-visible{transform:translateY(-6px)}}.feature-circles{grid-template-rows:repeat(6,minmax(270px,auto));row-gap:40px;padding-bottom:0}.feature-circles article:first-of-type{grid-area:1/1}.feature-circles article:nth-of-type(2){grid-area:2/3}.feature-circles article:nth-of-type(3){grid-area:3/1}.feature-circles article:nth-of-type(4){grid-area:4/3}.feature-circles article:nth-of-type(5){grid-area:5/1}.feature-circles article:nth-of-type(6){grid-area:6/3}.feature-circles article:nth-of-type(2n){transform:none}.feature-circles article:nth-of-type(2n).active,.feature-circles article:nth-of-type(2n):focus-visible{transform:translateY(-6px)}.feature-phone{grid-row:1/7}.feature-circles article.active{--bubble-bg:var(--lp-yellow);border-color:var(--lp-navy);background:var(--lp-yellow);box-shadow:8px 9px #172b4d14}.feature-circles article.active>b{color:var(--lp-navy);background:#fff;border-radius:999px;padding:7px 10px;top:18px;left:22px}.feature-circles article.active>h3{color:var(--lp-navy)}.feature-circles article.active>p{color:#52657b}.feature-circles article.active>.material-symbols-outlined{color:#128ce8;box-shadow:none;background:#fff}.feature-circles article:nth-of-type(odd).active:before{border-left-color:var(--lp-navy)}.feature-circles article:nth-of-type(2n).active:before{border-right-color:var(--lp-navy)}.feature-circles article{transition:transform .3s,box-shadow .3s,background-color .35s,border-color .35s}.feature-circles article:before,.feature-circles article:after{transition:border-color .35s}.feature-circles article>b,.feature-circles article>h3,.feature-circles article>p,.feature-circles article>.material-symbols-outlined{transition:color .35s,background-color .35s,box-shadow .35s}@media (width<=850px){.feature-phone{display:none}.feature-circles article{border-radius:24px}.feature-circles article:before,.feature-circles article:after{display:none}}.landing-steps>div{flex-direction:row;justify-content:center;align-items:flex-start;gap:4px;display:flex}.landing-steps>div>h2{order:1}.landing-steps>div>.section-kicker{writing-mode:vertical-rl;text-orientation:mixed;order:2;align-self:flex-start;margin:0;line-height:1}.landing-steps{padding:65px 8vw}.landing-steps h2{writing-mode:horizontal-tb;white-space:nowrap;letter-spacing:.05em;flex-direction:row-reverse;justify-content:center;align-items:flex-end;gap:.2em;width:2.5em;height:auto;margin:0;font-size:clamp(24px,3.2vw,43px);font-weight:600;line-height:1.2;display:flex}.landing-steps h2 span{writing-mode:vertical-rl;text-orientation:upright}@media (width<=850px){.landing-steps>div{justify-content:flex-end;width:100%;padding-right:16px}.landing-steps h2{height:auto;font-size:clamp(21px,5.8vw,30px)}}@media (width<=520px){.landing-steps{padding:60px 24px}}.hero-lead,.hero-start+small,.feature-circles p,.landing-steps li span,.start-fields p,.landing-footer span{font-size:14px;font-weight:600}.feature-circles h3,.landing-steps li strong{font-weight:700}.feature-circles{grid-template-rows:repeat(6,minmax(270px,auto)) 180px;grid-template-columns:minmax(0,1fr) clamp(380px,36vw,540px) minmax(0,1fr);column-gap:clamp(34px,4vw,64px);padding-bottom:0}.feature-browser{border:4px solid var(--lp-navy);background:var(--lp-navy);width:100%;height:410px;box-shadow:13px 15px 0 var(--lp-yellow);border-radius:24px;grid-area:1/2/8;align-self:start;padding:48px 12px 54px;position:sticky;top:120px;overflow:hidden}.browser-bar{border-bottom:3px solid var(--lp-navy);background:#f4fbff;align-items:center;gap:7px;height:44px;padding:0 13px;display:flex;position:absolute;top:0;left:0;right:0}.browser-bar i{border:2px solid var(--lp-navy);background:var(--lp-red);border-radius:50%;width:10px;height:10px}.browser-bar i:nth-child(2){background:var(--lp-yellow)}.browser-bar i:nth-child(3){background:var(--lp-sky)}.browser-bar span{color:#718398;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:2px solid #cedde6;border-radius:7px;min-width:0;margin-left:8px;padding:5px 16px;font:700 9px Montserrat;overflow:hidden}.browser-screen{background:#f2f7f9;border-radius:10px;width:100%;height:100%;overflow:hidden}.browser-caption{color:#fff;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.browser-caption span{background:var(--lp-sky);width:28px;height:28px;color:var(--lp-navy);border-radius:50%;place-items:center;font:900 10px Montserrat;display:grid}.feature-browser{z-index:1}.feature-circles article{z-index:3;width:calc(100% + 90px)}.feature-circles article:nth-of-type(odd){justify-self:start}.feature-circles article:nth-of-type(2n){justify-self:end}.feature-circles article.active{z-index:4}@media (width<=850px){.feature-browser{display:none}.feature-circles{padding-bottom:0}.feature-circles article{width:100%}}.landing-intro h2{z-index:1;position:relative}.landing-intro h2 span{isolation:isolate}.landing-intro h2 span:after{z-index:-1;content:none}.landing-intro h2 .circle-word{isolation:isolate;display:inline-block;position:relative}.landing-intro h2 .circle-word>b{z-index:2;font:inherit;color:inherit;position:relative}.landing-intro h2 .heading-rest{z-index:2;position:relative}.landing-cta>small{z-index:2;margin-top:14px;font-size:10px;font-weight:700;display:block;position:relative}.action-stack{z-index:2;flex-direction:column;align-items:center;display:inline-flex;position:relative}.action-note{text-align:center;margin-top:14px;font-size:13px;font-weight:700;display:block}.landing-header nav button,.hero-start,.landing-cta button{transition:transform .16s,box-shadow .16s,background-color .16s}@media (hover:hover){.landing-header nav button:hover,.hero-start:hover,.landing-cta button:hover{box-shadow:1px 1px 0 var(--lp-navy);transform:translate(3px,3px)}}.landing-header nav button:active,.hero-start:active,.landing-cta button:active{box-shadow:0 0 0 var(--lp-navy);transform:translate(4px,4px)}.landing .landing-action{align-items:center;gap:12px;font-size:12px;font-weight:900;display:inline-flex}.landing .landing-action--hero{font-size:18px}.landing-cta .landing-action{gap:12px;font-size:18px}.landing-action .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24;font-size:20px}@media (width<=900px){.landing-header{padding:0 18px}.landing-logo small{display:none}}@media (width<=520px){.landing-header{padding:0 12px}}.heading-circle{z-index:1;pointer-events:none;width:calc(100% + 70px);height:calc(100% + 36px);position:absolute;inset:-17px -35px -19px;overflow:visible}.heading-circle path{fill:none;stroke:#ff5a52;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.heading-circle.is-drawn path{animation:1.35s cubic-bezier(.65,0,.35,1) 80ms forwards heading-circle-draw}@keyframes heading-circle-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.heading-circle path,.cta-maru path{stroke-dashoffset:0}.heading-circle.is-drawn path,.cta-maru.is-drawn path{animation:none}}.landing-cta p span{white-space:nowrap;display:block}@media (width<=520px){.landing-cta p{letter-spacing:-.04em;font-size:clamp(24px,8.5vw,40px)}.landing-cta .cta-maru{width:min(78vw,340px);top:36%}.landing-footer small{text-align:center}}